import axios from "axios"
import NProgress from "nprogress"
import router from "../router";

// axios默认配置
axios.defaults.timeout = 5000 // 超时时间
//post请求头的设置
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';
axios.defaults.baseURL = "/api"

// http request 拦截器
axios.interceptors.request.use(
  config => {
    NProgress.start()
    // 每次发送请求之前判断sessionStorage中是否存在token
    // 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
    const token = sessionStorage.getItem('token');
    if (token) {
      config.headers.Authorization = token  // 这里对应后台Shiro取token的key(Authorization)
    }
    return config;
  }, error => {
    return Promise.reject(error.response);
  })

// http response 拦截器
axios.interceptors.response.use(
  response => {
    NProgress.done()
    // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据 ,否则的话抛出错误
    let code = response.data.code;
    let msg = response.data.msg;
    if (code === 200) {
      return Promise.resolve(response);
    } else {
      switch (code) {
        case 401:
          setTimeout(() => {
            router.push("/401/" + msg)
          }, 1000);
          break;
        default:
          alert("出错啦：" + msg)
      }
      return Promise.reject(response);
    }
  },
  error => { // 就是服务端抛出非2xx开头的错误，就会进入这里来。
    if (error.response.data) {
      switch (error.response.status) {
        case 401:
          setTimeout(() => {
            router.push("/401/" + msg)
          }, 1000);
          break;
        default:
          alert("出错啦err：" + msg)
      }
      return Promise.reject(error.response);
    }
  })


/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function getData(url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, {
      params: params
    }).then(res => {
      resolve(res.data)  //res.data ==> ResultBody:{code:xxx,message:xxx,result:{xxxxxxxx}}
    }).catch(err => {
      reject(err.data)
    })
  })
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 * post方法必须要使用对提交从参数对象进行序列化的操作,这里通过node的qs模块来序列化我们的参数
 * 没有序列化操作，后台是拿不到提交的数据的
 */
/**
 * axios.get()方法和axios.post()在提交数据时参数的书写方式是有区别的
 * get的第二个参数是一个对象{}，然后这个对象的params属性值是参数对象
 * post的第二个参数就是一个参数对象
 */
export function postData(url, params) {
  return new Promise((resolve, reject) => {
    axios.post(url, JSON.stringify(params))
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

export function putData(url, params) {
  return new Promise((resolve, reject) => {
    axios.put(url, JSON.stringify(params))
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

export function deleteData(url, params) {
  return new Promise((resolve, reject) => {
    axios.delete(url, JSON.stringify(params))
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

